.page-bar {
  padding-right: 0!important;
}
.page-bar .page-toolbar {
  padding: 0 !important;
  display: inline-flex !important;
  align-items: stretch;
  justify-content: flex-end;
  height: 40px;
}
.page-bar .page-toolbar .item {
  cursor: pointer;
  flex: 1;
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  padding-left: 10px;
  padding-right: 10px;
  transition: background-color 0.2s linear;
  font-size: 12px;
  justify-content: space-around;
}
.page-bar .page-toolbar .item#date1 {
  border-left: 1px solid #e4e4e4;
  border-right: 1px solid #e4e4e4;
}
.page-bar .page-toolbar .item#date2 {
  border-right: 1px solid #e4e4e4;
}
.page-bar .page-toolbar .item#date1:hover,
.page-bar .page-toolbar .item#date2:hover {
  background-color: #eee;
}
.page-bar .page-toolbar .item#query {
  width: 60px;
  text-align: center;
}
